<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>二级联动菜单</title>
    <script>
        function f1(){
            let inText = document.getElementById("inText").value;
            let op = new Option(inText);
            let city = document.getElementById("city");
            let ops = city.options;
            ops[city.length] = op;
        }



    </script>
</head>
<body>
<select id="province">
    <option value="-1">请选择省份</option>
    <option value="1">江苏省</option>
    <option value="2">安徽省</option>
    <option value="3">浙江省</option>
</select>
<!--
    城市下拉列的数据是根据用户选择的省份的选项而定的,选中了对应省份之后,会自动加载出该省份所对应的城市
    如果选择江苏省,则城市加载出:南京、苏州、无锡、泰州、常州、徐州、盐城、连云港、扬州
    如果选择安徽省,则城市加载出:合肥、芜湖、滁州、蚌埠、六安、马鞍山
    如果选择浙江省,则城市加载出:杭州、宁波、温州、嘉兴、绍兴
-->
<select id="city">
    <option value="-1">请选择城市</option>
</select>
城市:<input type="text" id="inText">
<button onclick="f1()">添加</button>
</body>
</html>